
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>TeamDetails</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<style>
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.top-left {
	border: 0px solid #ccc;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}

.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}

.details1 {
	overflow: hidden;
}

.content-left {
	float: left;
	padding-right: 20px;
	border: 0px solid #ccc;
}

.content-right {
	float: right;
	border: 0px solid #ccc;
}

.frm .field {
	display: table;
	margin: 5px;
}

.frm div label {
	width: 150px;
	word-wrap: break-word;
	display: table-cell;
	vertical-align: middle;
	position: static;
}

.frm textarea {
	width: 260px;
	height: 80px;
}

.frm input[type="text"],input[type="password"] {
	width: 260px;
}

.lstcbb {
	width: 260px;
	height: 95px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
	display: auto;
}
</style>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(".tabContents").hide();
		$(".tabContents:first").show();

		$("#tabContaier ul li a").click(function() {

			var activeTab = $(this).attr("href");
			$("#tabContaier ul li a").removeClass("active");
			$(this).addClass("active");
			$(".tabContents").hide();
			$(activeTab).fadeIn();
		});
	});
</script>
</head>
<body>
	<div id="content">
		<div id="mainContainer">
			<div class="box">
				<div id="container-orglst">
					<h1>Team Details</h1>
					<div id="tabContaier">
						<ul>
							<li><a class="active" href="#tab1">Details</a></li>
							<li><a class="active" href="TeamList_SonNT6b.html">Teams</a>
							</li>
						</ul>
						<div class="btn">
							<input type="button" value="Save" /> <input type="button"
								value="Back" />
						</div>
						<div class="tabDetails">
							<div id="tab1" class="tabContents details1">
								<form>
									<div class="content-left frm">
										<div class="field">
											<label for="org_name">Team Name <span
												style="color: red;">*</span> </label> <input type="text" name="name"
												value="" id="org_name" />
										</div>
										<div class="field">
											<label for="org_desshort">Team Short Description <span
												style="color: red;">*</span> </label>
											<textarea name="desshort" id="org_desshort"></textarea>
										</div>
										<div class="field">
											<label for="org_leadcontact">Lead Contact</label> <input
												type="text" name="leadcontact" value="" id="org_leadcontact"
												disabled style="width: 210px;" /> <a href="#">Lookup</a>
										</div>
										<div class="field">
											<label for="org_copy">Copy Address from <span
												style="color: red;">*</span> </label> <input type="checkbox"
												name="expr" id="org_expr" /> <label for="checkbox1"
												style="width: 170px;">Organisation</label> <input
												type="checkbox" name="expr" id="org_expr" /> <label
												for="checkbox1" style="width: 100px;">Parent</label>
										</div>
										<div class="field">
											<label for="org_addr1">Address Line 1 <span
												style="color: red;">*</span> </label> <input type="text"
												name="addr1" value="" id="org_addr1" />
										</div>
										<div class="field">
											<label for="org_addr2">Address Line 2</label> <input
												type="text" name="addr2" value="" id="org_addr2" />
										</div>
										<div class="field">
											<label for="org_addr3">Address Line 3</label> <input
												type="text" name="addr3" value="" id="org_addr3" />
										</div>
										<div class="field">
											<label for="org_postcode">Postcode <span class="star"
												style="color: red;">*</span> </label> <input type="text"
												name="postcode" value="" id="org_postcode" disabled
												style="width: 210px;" /> <a href="#">Lookup</a>
										</div>
										<div class="field">
											<label for="org_citytown">City/Town</label> <input
												type="text" name="citytown" value="" id="org_citytown"
												disabled />
										</div>


									</div>
									<div class="content-right frm">
										<div class="field">
											<label for="org_county">County</label> <input type="text"
												name="county" value="" id="org_county" disabled />
										</div>
										<div class="field">
											<label for="org_country">Nation/Country</label> <input
												type="text" name="country" value="" id="org_country"
												disabled />
										</div>
										<div class="field">
											<label for="org_typebus">Type of Business <span
												class="star" style="color: red;">*</span> </label> <input
												type="text" name="typebus" value="" id="org_typebus"
												disabled style="width: 210px;" /> <a href="#">Lookup</a>
										</div>
										<div class="field">
											<label for="org_sic">SIC Code</label> <input type="text"
												name="sic" id="org_sic" disabled style="width: 210px;" />
										</div>
										<div class="field">
											<label for="org_desfull">Team Full Description</label>
											<textarea name="desfull" id="org_desfull"></textarea>
										</div>
										<div class="field">
											<label for="org_phone">Phone Number <span
												class="star" style="color: red;">*</span> </label> <input
												type="text" name="phone" id="org_phone" />
										</div>
										<div class="field">
											<label for="org_fax">Fax</label> <input type="text"
												name="fax" id="org_fax" />
										</div>
										<div class="field">
											<label for="org_email">Email</label> <input type="text"
												name="email" id="org_email" />
										</div>
										<div class="field">
											<label for="org_web">Web Address</label> <input type="text"
												name="web" id="org_web" />
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>